
<!-- start content-outer -->
<div id="content-outer">
<!-- start content -->
<div id="content">

<div id="page-heading"><h1>News & Information</h1></div>


<div style="margin:30px auto;max-width:600px;">
		
		<!-- Insert to your webpage where you want to display the slider -->
		<div id="amazingslider-1" style="display:block;position:relative;margin:16px auto 48px;">
			<ul class="amazingslider-slides" style="display:none;">
                            <?php foreach($allNews as $news): ?>
                                <li><img src="<?php echo base_url();?><?php echo $news->NEWS_PATH;?>" alt="<?php echo $news->NEWS_NAME;?>" /></li>
                            <?php endforeach; ?>
<!--				<li><img src="<?php echo base_url();?>images/Hydrangeas.jpg" alt="Hydrangeas" /></li>
				<li><img src="<?php echo base_url();?>images/Jellyfish.jpg" alt="Jellyfish" /></li>
				<li><img src="<?php echo base_url();?>images/Lighthouse.jpg" alt="Lighthouse" /></li>
				<li><img src="<?php echo base_url();?>images/Penguins.jpg" alt="Penguins" /></li>
				<li><img src="<?php echo base_url();?>images/Tulips.jpg" alt="Tulips" /></li>-->
			</ul>

			<div class="amazingslider-engine" style="display:none;"><a href="http://amazingslider.com">jQuery Image Slideshow</a></div>
		</div>
		<!-- End of body section HTML codes -->
		
		</div>
<!--  end content -->
<div class="clear">&nbsp;</div>
</div>

</div>
<!--  end content -->
<div class="clear">&nbsp;</div>
</div>
<!--  end content-outer -->

    
